<%@page import="java.util.List"%>
<%@page import="coba.service.ProvinciaLocalServiceUtil"%>
<%@page import="coba.service.InstitucionLocalServiceUtil"%>
<%@page import="coba.service.ItinerarioLocalServiceUtil"%>
<%@page import="coba.service.ItinerarioRecorridoLocalServiceUtil"%>
<%@page import="coba.service.RecorridoLocalServiceUtil"%>
<%@page import="coba.service.SolicitudLocalServiceUtil"%>
<%@page import="coba.service.ContactoLocalServiceUtil"%>
<%@page import="coba.service.RecorridoSolicitudLocalServiceUtil"%>
<%@page import="coba.model.Provincia"%>
<%@page import="coba.model.Institucion"%>
<%@page import="coba.model.Contacto"%>
<%@page import="coba.model.Itinerario"%>
<%@page import="coba.model.ItinerarioRecorrido"%>
<%@page import="coba.model.Recorrido"%>
<%@page import="coba.model.Solicitud"%>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui" %>

<portlet:defineObjects />

<portlet:renderURL var="ver">
    <portlet:param name="jspPage" value="/views/solicitud/ver.jsp" />
</portlet:renderURL>

<portlet:actionURL var="altaSolicitudItinerario" name="altaSolicitudItinerario">
</portlet:actionURL>

<div>
	<h2>Asignar itinerario</h2>
	<div>
		<form action="<%=ver%>" method="post" id="formVer">
			<input type="hidden" name="<portlet:namespace />id" value="<%=renderRequest.getParameter("id")%>" />
		</form>
		
		<script type="text/javascript">
			function volver() {$("#formVer").submit(); }
		</script>
		
		<a href="javascript:;" onclick="volver()">Volver</a><br>
		<br>
		
		<%
			long id = Long.parseLong(renderRequest.getParameter("id"));
			Solicitud solicitud = SolicitudLocalServiceUtil.getSolicitud(id);
			Contacto contacto = ContactoLocalServiceUtil.getContacto(solicitud.getContactoId());
			Institucion institucion = InstitucionLocalServiceUtil.getInstitucion(contacto.getInstitucionId());
			Provincia provincia = ProvinciaLocalServiceUtil.getProvincia(institucion.getProvinciaId());
			Recorrido recorrido = RecorridoSolicitudLocalServiceUtil.getByIdSolicitud(id);
		%>
		
		<form action="<%=altaSolicitudItinerario%>" method="post" id="formAsignarItinerario">
			<input type="hidden" name="<portlet:namespace />id" value="<%=renderRequest.getParameter("id")%>" />
			<input type="hidden" name="<portlet:namespace />accion" id="accion" />
		
			<div class="form-group">
				<label for="<portlet:namespace />itinerario">Itinerario</label>
				
				<select required class="form-control campo" name="<portlet:namespace />itinerario" id="itinerario">
					<option value=""></option>
				<%
					int itinerariosCount = ItinerarioLocalServiceUtil.getItinerariosCount();
					List<Itinerario> itinerarios = ItinerarioLocalServiceUtil.getItinerarios(0, itinerariosCount);

					for (Itinerario itinerario : itinerarios) {
						if (renderRequest.getParameter("itinerario") != null &&
								Long.valueOf(renderRequest.getParameter("itinerario")).longValue() == itinerario.getId())
							out.print("<option value=\"" + itinerario.getId() + "\" selected=\"selected\">");
						else
							out.print("<option value=\"" + itinerario.getId() + "\">");
						out.print(itinerario.getNombre());
						out.print("</option>");
					}
				%>
				</select>
			</div>
			
			<% if (renderRequest.getParameter("itinerario") != null) { %>
				<div class="form-group" id="fechaGroup">
					<label for="<portlet:namespace />fecha">Fecha</label>
				
					<input class="form-control campo" name="<portlet:namespace />fecha" id="fecha">
				
					<br>
					<div>
						<button type="submit" class="btn btn-primary">Solicitar</button>
					</div>
				</div>
			<% } %>
		</form>
	</div>
	
	<script type="text/javascript">
		/*
		 * seleccion de itinerario se realiza
		 * un request para calcular el calendario
		 */
		$("#itinerario").change(function() {
			$("#fechaGroup").hide();
			$("#accion").val("seleccionarItinerario");
			$("#formAsignarItinerario").submit();
		});

		//var arrDiaRojo = [new Date(2014, 11, 5, 0, 0, 0, 0).valueOf()];
		var arrDiaRojo = [<%=(String)request.getAttribute("jsListDate")%>];

		$("#fecha").datepicker({
			format: "dd/mm/yyyy",
			weekStart: 1,
			onRender: function(renderingDate) {
				if (arrDiaRojo.contains(renderingDate.valueOf()))
					return "diaRojo";
				else
					return "";
			}
		}).on('changeDate', function(e){
			$(this).datepicker('hide');
		});
	</script>
</div>